var innerFields = '<tr>'+
'<td><input type="text" name="***[fieldName]" id="fieldName***"/></td>'+
'<td><select id="fieldType***" name="***[fieldType]">'+
'<option value="TINYINT">TINYINT</option>'+
'<option value="SMALLINT">SMALLINT</option>'+ 
'<option value="INTEGER">INTEGER</option> '+
'<option value="DOUBLE">DOUBLE</option>'+
'<option value="DATETIME">DATETIME</option>'+
'<option value="TIMESTAMP">TIMESTAMP</option>'+ 
'<option value="VARCHAR">VARCHAR</option>'+
'<option value="BLOB">BLOB</option>'+
'<option value="TINYTEXT">TINYTEXT</option>'+
'<option value="TEXT">TEXT</option>'+
'<option value="LONGTEXT">LONGTEXT</option>'+
'<option value="BOOLEAN">BOOLEAN</option>'+
'</select>'+
'</td>'+                
'<td><input type="text" name="***[fieldSize]" id="fieldSize***"/></td>'+
'<td><input type="checkbox" id="unsigned***" name="***[unsigned]"/></td>'+
'<td><input type="checkbox" id="zerofill***" name="***[zerofill]"/></td>'+
'<td><input type="checkbox" id="notNull***" name="***[notNull]"/></td>'+
'<td><input type="checkbox" id="unique***" name="***[unique]"/></td>'+                            
'<td><input type="checkbox" id="autoincrement***" name="***[autoincrement]"/></td>'+
'<td><input type="checkbox" id="primaryKey***" name="***[primaryKey]"/></td>'+
'</tr>';
            
$(document).ready(function(){
     
    var counter = 0;
     
    $('#addField').click(function(){
        
        var innerFieldsC = innerFields.replace(/\*\*\*/g, 'f'+counter++); 
             
        $('#tableAddField').append(innerFieldsC);
    });
     
});          